<template>
  <div class="myCoupon">
    <van-cell title="我的优惠券" value="全部优惠券" is-link icon="location-o" />
    <van-grid :column-num="3">
      <van-grid-item v-for="item in navList" :key="item.id" :icon="item.icon" :text="item.title" />
    </van-grid>
  </div>
</template>

<script>
export default {
  name: 'MyCoupon',
  components: {

  },
  data () {
    return {
      navList: [
        { id: 1, icon: 'coupon-o', title: '待使用' },
        { id: 2, icon: 'sign', title: '已使用' },
        { id: 3, icon: 'completed', title: '过期关闭' }
      ]
    }
  },
  watch: {

  },
  mounted () {

  },
  methods: {

  }
}

</script>
<style scoped lang='scss'>
.myCoupon{
  background-color: #fff;
  margin-top: 10px;
}
</style>
